import { useLayoutEffect,useEffect, useState,useDebugValue } from "react";

export default function App() {
    const [value, setValue] = useState(0);
    useLayoutEffect(() => {
      if (value === 0) {
        setValue(10 + Math.random() * 200);
      }
    }, [value]);
    // // console.log("render", value);
    // useDebugValue(value? '溢出' : '不足', status => {

    //     return status === '溢出' ? 1 : 0;
    //   });

    return (
      <div onClick={() => setValue(0)}>value: {value}</div>
    );
  }
